<template>
    <div class="header">
        <div class="header-left">
            <span class="iconfont">&#xe624;</span>
        </div>
        <div class="header-center">
            <span class="iconfont">&#xe632;</span>
            输入城市/景点
        </div>
        <div class="header-right">
            北京 <span class="iconfont">&#xe600;</span>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="less" scoped>
    // @import "../../../assets/css/common.less";
    @import "~@/assets/css/common.less";
    .header{
        font-size: .36rem;
        display: flex;
        background: @bgColor;
        color: #fff;
        line-height: .88rem;
        .header-left{
            width: .4rem;
            padding: 0 .2rem;
            font-weight: bold;
        }
        .header-center{
            flex: 1;
            background: #fff;
            margin: .1rem 0;
            line-height: .68rem;
            border-radius: .1rem;
            color: #e4e7ea;
            padding-left: .2rem;
        }
        .header-right{
            padding: 0 .2rem;
            font-size: .32rem;
        }
    }
</style>